// src/components/parent-component.vue

<template>
    <h2>This is a parent component</h2>
    <teleport to="body">
      <child-component name="John" />
    </teleport>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import ChildComponent from './child-component.vue'

export default defineComponent({
    name: 'ParentComponent',
    components: {
        ChildComponent
    }
})
</script>